<template>
  <div>
    <h1>我是day02组件</h1>
    <h1>{{ age }}</h1>
    <h1>{{ age|ageFun }}</h1>
    <h1 v-my-age="age"></h1>
    <button @click="Btn()">点击</button>
    <div class="boss">
        <div class="box1">我是测试less</div>
    </div>
  </div>
</template>

<script>
export default {
    name:"MyDay02",
    data() {
        return {
            
        }
    },
    created(){
        console.log(this.userName);
        console.log(this.age);

    },
    methods:{
        Btn(){
            this.hello();
        }
    }
}
</script>

<style lang="less" scoped>
    h1 {
        color:pink;
    }
    .boss {
        .box1{
            font-size: 50px;
        }
    }
</style>